.topic-popup {
    height: 560px !important;
}

.topic-popup-container {
    padding: 10px 16px 0;
    box-sizing: border-box;
    height: 100%;

    .custom-search-bar {
        padding: 0 0 12px;
    }

    .at-search-bar__input-cnt {
        height: 32px;
    }

    .at-search-bar__input {
        color: rgba(0, 0, 0, 0.9);
    }

    .input-placeholder,
    .at-search-bar__clear,
    .at-icon {
        color: rgba(0, 0, 0, 0.3);
    }

    .topic-content-container {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        height: calc(100% - 98px);
        overflow-y: auto;
        overflow-x: hidden;

        .content-item {
            margin-top: 12px;
            height: 22px;
            line-height: 22px;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .topic {
                color: rgb(187, 128, 73);
                font-size: 16px;
            }

            .topic-hot {
                color: rgba(0, 0, 0, 0.5);
                font-size: 14px;
            }
        }
    }
}